<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>玩遍冲绳</title>
	<meta name="keywords" content="玩遍冲绳">
	<meta name="description" content="玩遍冲绳">

	<link rel="stylesheet" href="css/components.css">
	<link rel="stylesheet" href="css/responsee.css">
	<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="owl-carousel/owl.theme.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">

  	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/modernizr.js"></script>
  	<script type="text/javascript" src="js/responsee.js"></script>
</head>
<body class="size-1140">
	<header>
		<!-- 顶部 -->
		<div class="line">
			<div class="l-12 top-box">
				<div class="top">
					<div class="l-6 hide-s top-left">欢迎来到玩转冲绳！
					</div>
					<div class="l-6 top-right">
						<a class="notice" href="#" target="_blank">公告</a>
						<a class="login" href="#" target="_blank">登录</a>
						<a class="register" href="#" target="_blank">注册</a>
						<a class="help" href="#" target="_blank">帮助中心</a>
					</div>
				</div>
			</div>
		</div>
		<!-- logo -->
		<div class="line">
			<div  class="l-6 head">
				<div class="logo">
					<a href="#"><img src="images/logo.jpg" alt="logo"></a>
				</div>
			</div>
			<div  class="l-6">
				<div class="search">
					<form class="customform">
						<div class="form">
							<div class="line">
								<div class="l-8"><input type="text" class="search_keyword" placeholder="请输入目的地/景点名/关键词进行查询"></div>
								<div class="l-4"><button type="submit" class="search_submit">搜索</button></div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 导航 -->
		<div>
			<nav class="margin-bottom top-nav">
				<p class="nav-text">导航</p> 
				<div class="top-nav">
					<ul class="chevron">
						<li><a href="">首页</a></li>
						<li><a href="">特辑</a>
							<ul>
								<li><a href="">二级菜单</a></li>
								<li><a href="">二级菜单</a></li>
								<li><a href="">二级菜单</a>
									<ul>
										<li><a href="">三级菜单</a></li>
										<li><a href="">三级菜单</a></li>
										<li><a href="">三级菜单</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li><a href="">美食</a>
							<ul>
								<li><a href="">二级菜单</a></li>
								<li><a href="">二级菜单</a></li>
							</ul>
						</li>
						<li><a href="">娱乐</a></li>
						<li><a href="">购物</a></li>
						<li><a href="">景点</a></li>
					</ul>
				</div>
			</nav>
		</div>
		<!-- banner -->
		<div>
            <div id="owl-demo" class="owl-carousel owl-theme  margin-bottom">
               <div class="item"><img src="images/banner1.jpg" alt=""></div>
               <div class="item"><img src="images/banner2.jpg" alt=""></div>
               <div class="item"><img src="images/banner3.jpg" alt=""></div>
               <div class="item"><img src="images/banner4.jpg" alt=""></div>
            </div>
         </div>
	</header>

	<main>
		<div class="line">
			<!-- 左 -->
           <div class="l-9">
	            <!-- 特辑 -->
				<div class="l-12 margin-bottom"><span class="top-index tj"><h6>冲绳旅游特辑，必体验<span><a href="#">更多>></a></span></h6></span>
					<div class="tj-main">
						<div class="l-6">
							<img src="images/Special1.jpg" style="height: 421px;"><span>樱花公园</span>
						</div>
						<div class="l-6 tj-image">
							<div>
								<img src="images/Special2.jpg"><span>宫古岛</span>
							</div>
							<div>
								<img src="images/Special2.jpg"><span>宫古岛</span>
							</div>
						</div>
					</div>
				</div>

				<!-- 美食 -->
				<div class="1-12" style="width:92%"><span class="top-index ms"><h6>冲绳特色，美味更精彩<span><a href="#">更多>></a></span></h6></span>
					<div class="ms-image">
						<div class="l-3">
							<div>
								<img src="images/food1.jpg"><h4>第一牧志公设市场</h4>
							</div>
							<div>
								<img src="images/food1.jpg"><h4>第一牧志公设市场</h4>
							</div>
						</div>
						<div class="l-3">
							<div>
								<img src="images/food2.jpg"><h4>暖暮</h4>
							</div>
							<div>
								<img src="images/food2.jpg"><h4>暖暮</h4>
							</div>
						</div>
						<div class="l-3">
							<div>
								<img src="images/food3.jpg"><h4>御果子御店</h4>
							</div>
							<div>
								<img src="images/food3.jpg"><h4>御果子御店</h4>
							</div>
						</div>
						<div class="l-3">
							<div>
								<img src="images/food4.jpg"><h4>BLUE SEAL(大湾店)</h4>
							</div>
							<div>
								<img src="images/food4.jpg"><h4>BLUE SEAL(大湾店)</h4>
							</div>
						</div>
					</div>
				</div>

				<!-- 娱乐 -->
				<div class="l-12 margin-bottom"><span class="top-index yl"><h6>娱乐场所，一网打尽<span><a href="#">更多>></a></span></h6></span>
					<div>
						<div class="l-4 yl-image">
							<img src="images/golder.jpg">
							<span>宫本岛海洋高尔夫俱乐部</span>
							<p>面向海峡而扩展开来的绝好的地理位置。前九洞频临大海，几乎可以听到涛声，构造细致而大胆。让人体会到内久洞上缺少严密的攻略法是不能驾驭的。</p>
						</div>
						<div class="l-4 yl-image4">
							<ul>
								<li>
									<img src="images/play.jpg">
									<span>神宫会馆</span>
									<p>这里是可以祈福的地方很不错，后面还有一个公园式免费</p>
								</li>
								<li>
									<img src="images/play.jpg">
									<span>神宫会馆</span>
									<p>这里是可以祈福的地方很不错，后面还有一个公园式免费</p>
								</li>
								<li>
									<img src="images/play.jpg">
									<span>神宫会馆</span>
									<p>这里是可以祈福的地方很不错，后面还有一个公园式免费</p>
								</li>
								<li>
									<img src="images/play.jpg">
									<span>神宫会馆</span>
									<p>这里是可以祈福的地方很不错，后面还有一个公园式免费</p>
								</li>
							</ul>
						</div>
						<div class="l-4 yl-new">
							<ul>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
							</ul>
						</div>
					</div>
				</div>

				<!-- 购物 -->
				<div class="l-12 margin-bottom"><span class="top-index gw"><h6>优选优质，绝不坑爹<span><a href="#">更多>></a></span></h6></span>
					<div>
						<div class="l-4 gw-image">
							<img src="images/gouwu1.jpg">
							<span>冲绳必去的购物地</span>
							<p>面向海峡两岸面向海峡两岸面向海峡两岸面向海峡两岸面向海峡两岸向海峡两岸面向海峡两岸面向海峡两岸面向海峡两岸面向海峡两岸</p>
						</div>
						<div class="l-4 gw-image4">
							<ul>
								<li>
									<img src="images/gouwu2.jpg">
									<span>神宫会馆</span>
									<p>这里是可以祈福的地方很不错，后面还有一个公园式免费</p>
								</li>
								<li>
									<img src="images/gouwu2.jpg">
									<span>神宫会馆</span>
									<p>这里是可以祈福的地方很不错，后面还有一个公园式免费</p>
								</li>
								<li>
									<img src="images/gouwu2.jpg">
									<span>神宫会馆</span>
									<p>这里是可以祈福的地方很不错，后面还有一个公园式免费</p>
								</li>
								<li>
									<img src="images/gouwu2.jpg">
									<span>神宫会馆</span>
									<p>这里是可以祈福的地方很不错，后面还有一个公园式免费</p>
								</li>
							</ul>
						</div>
						<div class="l-4 gw-new">
							<ul>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
								<li>BIG ECHO Hamby店</li>
							</ul>
						</div>
					</div>
				</div>

				<!-- 景点 -->
				<div class="l-12" style="width:92%"><span class="top-index jd"><h6>旅游景点，门票-交通一鍵搞定<span><a href="#">更多>></a></span></h6></span>
					<div>
						<div class="l-6 jd-image">
							<div class="l-12"><img src="images/fengjing1.jpg" style="height: 238px;"><span>万座毛风景区</span></div>
							<div class="l-12"><img src="images/fengjing1.jpg" style="height: 207px;"><span>万座毛风景区</span></div>
						</div>
						<div class="l-6 jd-he">
							<div class="l-12 jd-image2"><img src="images/fengjing2.jpg"><span>冲绳美之海洋水族馆</span></div>
							<div class="l-12">
								<div class="l-6"><img src="images/fengjing6.jpg"></div>
								<div class="l-6"><img src="images/fengjing7.jpg"></div>
							</div>
							<div class="l-12 jd-image2"><img src="images/fengjing2.jpg"><span>冲绳美之海洋水族馆</span></div>
						</div>
					</div>
				</div>
			
           </div>

			<!-- 右 -->
           <div class="l-3">
           	    <!-- 精品推荐 -->
           	    <div class="l-12 margin-bottom"><span class="top-index t_line">精品推荐</span>
	                <div>
						<!-- <img src="images/Recommendation.jpg"> -->
						<div id="owl-demo2" class="owl-carousel owl-theme  margin-bottom">
			                <div class="item2"><img src="images/Recommendation.jpg" alt=""></div>
			                <div class="item2"><img src="images/Recommendation.jpg" alt=""></div>
			                <div class="item2"><img src="images/Recommendation.jpg" alt=""></div>
            			</div>
	              	</div>
              	</div>

              	<!-- 最热景点 -->
           	    <div class="l-12 margin-bottom"><span class="top-index t_line">最热景点</span>
	                <div>
						<div class="l-12 scenery">
							<ul>
                                <li>
                                    <span><img src="images/jingdian.jpg"></span>
									<span class="scenery-hot">01</span>
									<h6>冲绳美之海水族馆</h6>
                                    <p>在全世界最大水族馆里看全世界最大的鱼类</p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-blue">02</span>
									<h6>冲绳首里城公园</h6>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-blue">03</span>
									<h6>万座毛风景区</h6>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-cold">04</span>
									<h6>和平公园</h6>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-cold">05</span>
									<h6>宫吉岛</h6>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-cold">06</span>
									<h6>八重岳樱之森林公园</h6>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-cold">07</span>
									<h6>万座毛风景区</h6>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-cold">08</span>
									<h6>和平公园</h6>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-cold">09</span>
									<h6>宫吉岛</h6>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
									<span class="scenery-cold">10</span>
									<h6>八重岳樱之森林公园</h6>
                                    <p></p>
                                </li>
                            </ul>
						</div>
	              	</div>
              	</div>

              	<!-- 在这里，认识冲绳 -->
           	    <div class="l-12 margin-bottom"><span class="top-index t_line">❀在这里，认识冲绳</span>
	                <div>
						<h5><strong>不错的景点</strong></h5>
						<div class="renshi">
							<a href="#">与那国岛</a> ｜ <a href="#">那霸</a> ｜ <a href="#" style="color:#24AFF2">冲绳美之海水族馆</a> ｜ <a href="#">平和公园</a> ｜ <a href="#">嘉手纳空军基地</a> ｜ <a href="#">石垣岛</a> ｜ <a href="#">八重岳樱之森公园</a> ｜ <a href="#">宫古岛</a> ｜ <a href="#" style="color:#999999">更多</a>
						</div>
	              	</div>
              	</div>

              	<!-- 用户登录 -->
           	    <div class="l-12 margin-bottom"><span class="top-index t_line">用户登录</span>
	                <div>  
						<div class="userlogin">
							<form name="userlogin" action="#" method="POST">
								<input type="hidden" name="fmdo" value="login" />
								<input type="hidden" name="dopost" value="login" />
								<input type="hidden" name="keeptime" value="604800" />
								<div class="fb"><span>用户名:</span>
								<input type="text" name="userid" size="20" class="ipt_txt" placeholder="应该为2-20位之间" />
								</div>
								<div class="fb"><span>密码:</span>
								<input type="password" name="pwd" size="20" class="ipt_txt" placeholder="密码应该为6-20位之间"/>
								</div>


								<div class="jizhu"><span style="float:right;font-size:10px;"><a href="#">忘记密码?</a></span></div>
								<div class="submit">
								<button type="submit" class="btn_1">登录</button> <button type="submit" class="btn_2">注册</button></div>
							</form>
						</div>
	              	</div>
              	</div>

              	<!-- 冲绳天气 -->
           	    <div class="l-12 margin-bottom"><span class="top-index t_line">冲绳天气</span>
	                <div>
						<div style="text-align:center">
                       <iframe width="265" scrolling="no" height="220" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=4&icon=1&py=okinawa&wind=1&num=2&nid=125&wid=1250008"></iframe>
                    </div>
	              	</div>
              	</div>

              	<!-- 关注我们 -->
           	    <div class="l-12 margin-bottom"><span class="top-index t_line">关注我们</span>
	                <div>
						<div>
                        <div class="ewm"><img src="images/ewm.jpg">
                        </div>
                        <div class="wxwb">
                         <a href="#"><img src="images/weixin.jpg" ></a>
						 <a href="#"><img src="images/weibo.jpg"></a>
						 <a href="#"><img src="images/qq.jpg"></a>
                        </div>
                    </div>
	              	</div>
              	</div>

              	<!-- 新浪微博 -->
           	    <div class="l-12 margin-bottom"><span class="top-index t_line">新浪微博</span>
	                <div>
						<div>
							<iframe width="100%" height="485" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=485&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=2776715875&verifier=af8051c9&dpc=1"></iframe>
						</div>
	              	</div>
              	</div>
           </div>
	 	</div>
	</main>
	<!-- 广告 -->
		<div class="line ad1">
			<a href="#" target="_blank"><img src="images/ad1.jpg"></a>
		</div>
	<!-- 友链 -->
		<div class="line link">
			<strong>友情链接：</strong>
            <a href="http://www.baidu.com/" target="_blank">百度</a>
            <a href="#" target="_blank">冲绳旅游</a>
            <a href="#" target="_blank">玩转冲绳</a>
        </div>
	<!-- 页脚 -->
	<footer>
		<div class="line footer_box">
			<div class="footer">
				<div class="f_nav">
					<a href="#">关于我们</a> | 
					<a href="#">客服中心</a> | 
					<a href="#">网站地图</a> | 
					<a href="#">个人隐私</a> |  
					<a href="#">版权说明</a> | 
					<a href="#">联系我们</a> | 
					<a href="#">租车服务</a>
				</div>
				<p>版权所有 玩转冲绳 (2333333333.com) 版权所有</p>
				<p>ICP备案证书号：闽ICP备00000000号</p>
			</div>
		</div>
	</footer>


	<script type="text/javascript" src="owl-carousel/owl.carousel.js"></script>
	<script type="text/javascript">
	 jQuery(document).ready(function($) {
	   $("#owl-demo").owlCarousel({
	 	navigation : true,
	 	slideSpeed : 300,
	 	paginationSpeed : 400,
	 	autoPlay : true,
	 	singleItem:true
	   });
	   $("#owl-demo2").owlCarousel({
	 	// items : 4,
	 	// lazyLoad : true,
	 	// autoPlay : true,
	 	// navigation : true,
	 	// pagination : false
	 	navigation : true,
	 	slideSpeed : 300,
	 	paginationSpeed : 400,
	 	autoPlay : true,
	 	singleItem:true
	   });
	 });
  	</script>
</body>
</html>